<template>
    <div id="root" :gradientBackground="gradientBackground">
        <router-view class="feature-content"></router-view>
    </div>
</template>

<script>
import Vue from "vue";
import Store from "@/store";

export default {
    name: "App",
    components: {
    },
    data() {
        return {
            gradientBackground: {
                type: 0,
                shape: 0,
                colors: ["#002F344A", "#8f383c54", "#ff4D5265"],
                cornerRadii4: [0, 0, 0, 0],
            },
        };
    },
    created() {
    },
    mounted() {
        // Vue.Native.callNative('DeviceEventModule', 'setListenBackPress', true);
        const allConfigs = Store.getData("allConfigs");
        console.log( `version...:${allConfigs.VERSION},${allConfigs.UPDATE_TIME},${allConfigs.UPDATE_VERSION}`);
        Vue.Native.callNative(
            "ConsoleModule",
            "log",
            `version...:${allConfigs.VERSION},${allConfigs.UPDATE_TIME},${allConfigs.UPDATE_VERSION}`
        );
    },
    methods: {},
};
</script>

<style scoped>
#root {
    /* z-index: -1; */
    width: 1920px;
    height: 1080px;
    position: relative;
    background-color: #000000;
}
.feature-content {
    width: 1920px;
    height: 1080px;
    position: relative;
    background-color: transparent;
}
</style>
